<template>
  <div class="login-page">
    <img src="@/assets/img/svg/theme.svg" />
    <login-panel></login-panel>
  </div>
</template>

<script setup lang="ts">
import LoginPanel from '@/views/login/children/login-panel.vue';
</script>

<style scoped lang="scss">
@import '@/assets/scss/mixin';

.login-page {
  height: 100%;
  width: 100%;
  overflow: hidden;
  @include flex(center, center);
  @include bg-img('@/assets/img/svg/login-bg.svg');
  position: relative;

  img {
    @include set-absolute(100px, 300px);
    width: 800px;
    height: 800px;
    z-index: 0;
  }

  :deep(.login-panel) {
    position: relative;
    z-index: 10;
  }
}
</style>
